import React from 'react'
import { NavBar, Space, Toast } from 'antd-mobile'
import { useNavigate } from 'react-router-dom'
import './index.css'
function index() {
       const navigate = useNavigate()
    const back = () =>
        Toast.show({
            content: navigate(-1),
            duration: 1000,
        })

  return (
    <div>
           <NavBar onBack={back}>健康钱包</NavBar>
           
         <div className='wallet1'>
              <p className='walletp'>明细</p>
              
              <p className='walletp1'>账号余额(元)</p>

              <p className='walletp2'>0.00</p>
        </div>
        <div className='wallet2'>
             <p>充值</p>
             <p>提现</p>
        </div>


        <div className='wallet3'>
           <p>账单</p>
           <p>银行卡</p>
           {/* <p>红包</p>
           <p>代金券</p> */}
        </div>

        <div className='wallet4'>
             <p>红包</p>
           <p>代金券</p>
        </div>
    </div>
  )
}

export default index